<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单练习</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
	</head>
	<body>
		<div class="container"><!--页面前空格-->
		<h3>学生信息管理系统MIS</h3>	
			<div class="form-group">
				<label for="name">姓名：</label>
				<!--文本输入框，h5的新特性placehoder属性-->
				<input type="text"  name="name" id="name"
				class="form-control"
				placeholder="请输入姓名..." />
				
				</div>
				
				<div>
					<label for="age">年龄：</label>
					<input type="number" name="age" id="age" 
					class="form-control"
					placeholder="请输入年龄..."/>
				</div>
				
				<div class="form-group">
					<label for="sex">性别：</label>
					<!--radio互斥，同名只能选择一个-->
					<div class="radio-inline">	
					<input type="radio" name="sex" id="sex" />男
					</div>
					<div class="radio-inline">
					<input type="radio" name="sex" id="sex" />女
					</div>
				</div>
				
				<div class="form-group">
					<label for="hobby">爱好：（多选）</label>
					<div class="checkbox-inline">
					<input type="checkbox" name="hobby" id="hobby" />运动
					</div>
					<div class="checkbox-inline">
					<input type="checkbox" name="hobby" id="hobby" />看书
					</div>
					<div class="checkbox-inline">
					<input type="checkbox" name="hobby" id="hobby" />听音乐
					</div>
				</div>
				
				<div class="form-group">
					<label for="edu">学历：（下拉框）</label>
					<select name="edu" id="edu">
						<option value="1">幼儿园</option>
						<option value="2">小学</option> 
						<option value="3">初中</option>
						<option value="4">高中</option>
						<option value="5">大专</option>
						<option value="6" selected="selected">本科</option>
						<option value="7">研究生</option>
					</select>
				</div>
				<div class="form-group">
					<input class="btn btn-primary" type="button" name="submit"  value="保存" />
					<button class="btn btn-danger" name="clear"> 取消</button>
				</div>
		</div>
	</body>
</html>
